// 存储用户商品的信息
export default {
  // 为当前模块开启命名空间
  namespaced: true,

  // 模块的 state 数据
  state: () => ({
    // 购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]'),
  }),

  // 模块的 mutations 方法
  mutations: {
    // 实现加入购物车功能
    // state中的数据只能由mutations修改
    addToCart(state, goods) {
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      // 去state里面查询 如果state里的goods_id和传递进来的goods_id一样就说明 这个商品存在
      const findResult = state.cart.find((item) => item.goods_id === goods.goods_id);

      console.log(findResult);

      // 如果为undefined就直接push进cart里面
      if (!findResult) {
        // 如果购物车中没有这件商品，则直接 push
        state.cart.push(goods);
      } else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count++;
      }

      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage');
    },
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart));
    },
    // 更新购物车中商品的选中状态
    updateGoodsState(state, goods) {
      // id一样就转成true
      const findResult = state.cart.find((x) => x.goods_id == goods.goods_id);

      if (findResult) {
        // 更新对应商品的勾选状态
        findResult.goods_state = goods.goods_state;
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage');
      }
    },
    // 更新购物车中商品的数量
    updateGoodsCount(state, goods) {
      // id一样就转成true
      const findResult = state.cart.find((x) => x.goods_id == goods.goods_id);

      if (findResult) {
        // 更新对应商品的数量
        findResult.goods_count = goods.goods_count;
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage');
      }
    },
    // 根据id删除对应的商品
    removeGoodsById(state, goods) {
      state.cart = state.cart.filter((item) => item.goods_id !== goods.goods_id);

      // 持久化存储到本地
      this.commit('m_cart/saveToStorage');
    },
    // 实现商品的全选/反选功能
    updateAllGoodsState(state, newState) {
      // 循环更新购物车中每件商品的勾选状态
      // 将购物车里面的状态改为 newState的状态
      state.cart.forEach(x => x.goods_state = newState)
      // 持久化存储到本地
      this.commit('m_cart/saveToStorage')
    }
  },

  // 模块的 getters 属性 计算属性 随时在变化
  getters: {
    // 统计购物车中商品的总数量 goods_count
    total(state) {
      // let shuliang = 0;
      // // 循环统计商品的数量，累加到变量 c 中
      // state.cart.forEach((goods) => shuliang += goods.goods_count);
      // return shuliang;
      // 新做法 利用reduce方法累加总数量
      return state.cart.reduce((yi, er) => yi + er.goods_count, 0)
    },
    // // 勾选的商品的总数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤所有已勾选的商品 goods_state==true的都是已经勾选的
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      // 这里的逻辑是把goods_state为true的项过滤出来，然后把它们的goods_count累加
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total + item.goods_count, 0)
    },
    // 动态计算商品的总价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(item => item.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price, 0).toFixed(2)
    }
  },
};